<template>
 <div>
   <input type="checkbox" :checkbox="checkbox" @change="checkboxFunction">
   {{checkbox}}
   {{model.prop}}
 </div>
</template>
<script>
         
export default {
  props:{
   checkbox:Boolean,
    model: {
    prop: 'checked',
    event: 'change'
  },
  },
  data(){ 

   return {

 key:1
   }
  },
 components: {

 },
 computed: {

// evenNumbers: function () {

// return this.key.filter(function (number) {

// return number % 3 === 0

// })
// }

},
  beforeCreate:function (){

// 在实例初始化之后，数据观测 (data observer) 和 event/watcher 事件配置之前被调用。

 debugger;

  },
 created:function (){

 // 在实例创建完成后被立即调用。在这一步，实例已完成以下的配置：数据观测 (data observer)，属性和方法的运算，watch/event 事件回调。然而，挂载阶段还没开始，el 属性目前尚不可用。

 this.click(this.key)

  },
  beforeMount:function (){

  },
  methods: {

// 在挂载开始之前被调用：相关的 render 函数首次被调用。

click(key){

 debugger;

 console.log(key)

 },
 checkboxFunction(){
   
   this.$emit('changes',event.target.checked)
   console.log(this.checkbox)
 
 }

  }

}

</script>

<style  scope>

</style>